var idx = 0

$(function () {
  // 二维码切换
  $('.public-nav a').hover(function () {
    var index = $(this).index()
    $('.slide-wrap .public-item').eq(index).show().siblings().hide();
  })

  // 论坛热帖切换
  // .nav-line移动
  $('.news-nav-xh a').hover(function () {
    var index = $(this).index()
    $('.slide-wrap .mhrd-item').eq(index).show().siblings().hide()
    $('.nav-line-xh').stop().animate({
      left: `${index*100+10}px`
    }, "fast")
  })
  // 轮播图切换图片

  $('.banner-item-nav a').hover(function () {
    // 改变底部样式
    $(this).addClass("bg").siblings().removeClass('bg');
    $(this.children[0]).addClass("zt");
    $(this).siblings().children('.ib-txt').removeClass("zt")
    // 改变上面图片
    idx = $(this).index()
    $('.lb a').eq(idx).show().siblings().hide()
  })
  // 自动换图
  var timer = setInterval(function () {
    // 改变上面图片
    $('.lb a').eq(idx).show().siblings().hide();
    // 改变底部样式
    $('.banner-item-nav a').eq(idx).addClass("bg").siblings().removeClass('bg');
    $('.banner-item-nav a ').siblings().children('.ib-txt').removeClass("zt");
    $('.banner-item-nav a .ib-txt').eq(idx).addClass("zt");
    idx++;
    if (idx > 3) {
      idx = 0
    }
  }, 1500)
  //停止计时
  $('.lb').mouseenter(function () {
    clearInterval(timer);

  });
  $('.banner-item-nav').mouseenter(function () {
    clearInterval(timer);

  });
  // 开启定时
  $('.lb').mouseleave(function () {
    timer = setInterval(function () {
      $('.lb a').eq(idx).show().siblings().hide();
      $('.banner-item-nav a').eq(idx).addClass("bg").siblings().removeClass('bg');
      $('.banner-item-nav a ').siblings().children('.ib-txt').removeClass("zt");
      $('.banner-item-nav a .ib-txt').eq(idx).addClass("zt");
      idx++;
      if (idx > 3) {
        idx = 0
      }
    }, 1500)
  });
  $('.banner-item-nav').mouseleave(function () {
    timer = setInterval(function () {
      $('.lb a').eq(idx).show().siblings().hide();
      $('.banner-item-nav a').eq(idx).addClass("bg").siblings().removeClass('bg');
      $('.banner-item-nav a ').siblings().children('.ib-txt').removeClass("zt");
      $('.banner-item-nav a .ib-txt').eq(idx).addClass("zt");
      idx++;
      if (idx > 3) {
        idx = 0
      }
    }, 1500)
  });

  // 点击li改变width和颜色

  $('.san>li').click(function () {


    $(this).stop().animate({
      width: 1016
    })
    $(this).siblings("li").stop().animate({
      width: 87
    })

    // 三个li颜色改变
    // 先删除第一个蓝色
    $('.san li').children('.lan').removeClass('lan');
    $(this).siblings().children('.group-txt').removeClass("cl");
    $(this).children('.group-txt').addClass('cl')

    //  小三角
    $(this).find('.i-triangle').show()
    $(this).siblings().find('.i-triangle').hide()
    // console.log( $(this).find('.role-img'));
  })

  // 改变6个li颜色
  $('.liu li').hover(function () {
    // 第一个图标变亮
    $(this).siblings().find('.last').removeClass('last')
    // 其他li没颜色
    $(this).siblings().find('.role-img').removeClass('yanse')

    // 给不透明
    $(this).find('.role-txt').addClass('tou-ming')
    $(this).siblings().find('.role-txt').removeClass('tou-ming')


    // 给竖线
    $(this).find('.role-line').addClass('xianshi')
    $(this).siblings().find('.role-line').removeClass('xianshi')





    $(this).stop().animate({
      width: 537
    })
    $(this).siblings("li").stop().animate({
      width: 76
    })
  })
  // hover时哪个小li显示图片颜色
  $('.liu li ').hover(function () {
    $(this).find('.role-img').addClass('yanse')
  })

  $('.public-nav ').hover(function () {
    // 二维码第一个图标变亮
    $(this).find('.touming').removeClass('touming')
  })

  // 二维码大神出来
  $('.public-nav a').hover(function () {
    var index = $(this).index()
    if (index == 4) {
      $('.ds-info').css('display', 'block')
    }
    if (index == 5) {
      $('.vipInfo').css('display', 'block')
    }
  }, function () {
    $('.dsCont').css('display', 'none')
  })
})